<template>
  <div>
    <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
      <!-- 结构优化计算工作流-->
      <el-tab-pane name="first">
        <span slot="label">
          <svg-icon
            icon-class="wf-optimize"
            class="tab-pane-label-class"
          ></svg-icon>
          结构优化计算工作流
        </span>
        <optimize-panel :stage-type="stageType"></optimize-panel>
      </el-tab-pane>
      <!-- 载荷计算工作流-->
      <el-tab-pane name="second">
        <span slot="label">
          <svg-icon
            icon-class="wf-load"
            class="tab-pane-label-class"
          ></svg-icon>
          载荷计算工作流
        </span>
        <load-panel :stage-type="stageType"></load-panel>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import optimizePanel from '../panel/OptimizePanel'
  import loadPanel from '../panel/LoadPanel'

  const stageType = 2
  export default {
    name: 'InitialDesign',
    components: {
      optimizePanel,
      loadPanel,
    },
    data() {
      return {
        activeName: 'first',
        stageType: stageType,
      }
    },
    computed: {},
    created() {},
    methods: {
      // tab页面切换事件
      handleClick(tab, event) {},
    },
  }
</script>

<style rel="stylesheet/scss" scoped>
  .splitter-paneL {
    overflow: auto;
  }
  .wraper {
    padding: 0px;
  }
</style>
